<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>Document</title>
</head>
<body>
<div id="app">
    <div v-bind:class="[activeClass, errorClass]">
        这里面的class属性是数组里面滴   
    </div>
    <hr>

    <!-- 根据条件切换列表中的 class，可以用三元表达式 -->
    <div v-bind:class="[isActive ? activeClass : '', errorClass]">
        根据三元表达式来赋予class
    </div>
</div>
</body>
<script src="../vue.js"></script>
<script>
const rw = new Vue({
    el:"#app",
    data:{
        activeClass: 'active',
        errorClass: 'text-danger'
    }
})
</script>
</html>